/* 居中的容器 */
.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* 白色方框样式 */
.info-box {
    background-color: #ffffff; /* 白色背景 */
    padding: 30px;
    border-radius: 10px; /* 圆角效果 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影 */
    max-width: 400px; /* 限制最大宽度 */
    width: 90%; /* 在小屏幕上适配 */
    text-align: center; /* 居中内容 */
}

/* 标题样式 */
.info-box h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333333;
}

/* 头像样式 */
.profile img {
    border-radius: 50%; /* 圆形头像 */
    margin-bottom: 15px;
}

/* 按钮间距 */
.info-box button {
    margin: 10px 5px;
}

/* 用户信息行样式 */
.user-info div {
    margin: 10px 0;
    font-size: 16px;
    color: #555555;
}
